
$yh:"Microsoft yahei";
$base_bg:#fff;
$base_color:#ff5f16;



@import "animate.css";
@import "common";
@import "mobile";
@import "fonts/iconfont.css";


html,body,#app,.box , .subchild{
    width:100%;
    height:100%;
}

@keyframes move-out{
    from{
        transform: translateY(0);
        opacity: 1;
    }
    to{
        transform: translateY(5%);
        opacity: 0;
    }
}

@keyframes move-in{
    from{
        transform: translateY(5%);
        opacity: 0;
    }
    to{
        transform: translateY(0%);
        opacity: 1;
    }
}

.mychange-enter-active{
    animation: move-in .3s;
}
.mychange-leave-active{
    animation: move-out .3s;
}

